
<section class="content-header">
	<h1>
		<small>{{title}}</small>
	</h1>
	<ol class="breadcrumb">
		<li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
		<li class="active">Dashboard</li>
	</ol>
</section>

<!-- Main content -->
<section class="content">
	<!-- Info boxes -->
	<div class="row">
		<div class="col-md-3 col-sm-6 col-xs-12">
			<div class="info-box">
				<span class="info-box-icon bg-aqua"><i
					class="ion ion-ios-gear-outline"></i></span>
				<div class="info-box-content">
					<span class="info-box-text">订单数量</span> <span
						class="info-box-number">900<small>个</small></span>
				</div>
				<!-- /.info-box-content -->
			</div>
			<!-- /.info-box -->
		</div>
		<!-- /.col -->
		<div class="col-md-3 col-sm-6 col-xs-12">
			<div class="info-box">
				<span class="info-box-icon bg-red"><i
					class="fa fa-google-plus"></i></span>
				<div class="info-box-content">
					<span class="info-box-text">文章数量</span> <span
						class="info-box-number">1000</span>
				</div>
				<!-- /.info-box-content -->
			</div>
			<!-- /.info-box -->
		</div>
		<!-- /.col -->

		<!-- fix for small devices only -->
		<div class="clearfix visible-sm-block"></div>

		<div class="col-md-3 col-sm-6 col-xs-12">
			<div class="info-box">
				<span class="info-box-icon bg-green"><i
					class="ion ion-ios-cart-outline"></i></span>
				<div class="info-box-content">
					<span class="info-box-text">Sales</span> <span
						class="info-box-number">760</span>
				</div>
				<!-- /.info-box-content -->
			</div>
			<!-- /.info-box -->
		</div>
		<!-- /.col -->
		<div class="col-md-3 col-sm-6 col-xs-12">
			<div class="info-box">
				<span class="info-box-icon bg-yellow"><i
					class="ion ion-ios-people-outline"></i></span>
				<div class="info-box-content">
					<span class="info-box-text">New Members</span> <span
						class="info-box-number">2,000</span>
				</div>
				<!-- /.info-box-content -->
			</div>
			<!-- /.info-box -->
		</div>
		<!-- /.col -->
	</div>
	<!-- /.row -->

	<div class="row">
		<div class="col-md-12"></div>
		<!-- /.col -->
	</div>
	<!-- /.row -->

	<!-- Main row -->
	<div class="row">
		<!-- Left col -->
		<div class="col-md-12">
			<!-- TABLE: LATEST ORDERS -->
			<div class="box box-info">
				<div class="box-header with-border">
					<h3 class="box-title">Latest Orders</h3>
					<div class="box-tools pull-right">
						<button class="btn btn-box-tool" data-widget="collapse">
							<i class="fa fa-minus"></i>
						</button>
						<button class="btn btn-box-tool" data-widget="remove">
							<i class="fa fa-times"></i>
						</button>
					</div>
				</div>
				<!-- /.box-header -->
				<div class="box-body">
					<div class="table-responsive">
						<table class="table no-margin">
							<thead>
								<tr>
									<th>Order ID</th>
									<th>Item</th>
									<th>Status</th>
									<th>Popularity</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td><a href="pages/examples/invoice.html">OR9842</a></td>
									<td>Call of Duty IV</td>
									<td><span class="label label-success">Shipped</span></td>
									<td><div class="sparkbar" data-color="#00a65a"
											data-height="20">90,80,90,-70,61,-83,63</div></td>
								</tr>
								<tr>
									<td><a href="pages/examples/invoice.html">OR1848</a></td>
									<td>Samsung Smart TV</td>
									<td><span class="label label-warning">Pending</span></td>
									<td><div class="sparkbar" data-color="#f39c12"
											data-height="20">90,80,-90,70,61,-83,68</div></td>
								</tr>
								<tr>
									<td><a href="pages/examples/invoice.html">OR7429</a></td>
									<td>iPhone 6 Plus</td>
									<td><span class="label label-danger">Delivered</span></td>
									<td><div class="sparkbar" data-color="#f56954"
											data-height="20">90,-80,90,70,-61,83,63</div></td>
								</tr>
								<tr>
									<td><a href="pages/examples/invoice.html">OR7429</a></td>
									<td>Samsung Smart TV</td>
									<td><span class="label label-info">Processing</span></td>
									<td><div class="sparkbar" data-color="#00c0ef"
											data-height="20">90,80,-90,70,-61,83,63</div></td>
								</tr>
								<tr>
									<td><a href="pages/examples/invoice.html">OR1848</a></td>
									<td>Samsung Smart TV</td>
									<td><span class="label label-warning">Pending</span></td>
									<td><div class="sparkbar" data-color="#f39c12"
											data-height="20">90,80,-90,70,61,-83,68</div></td>
								</tr>
								<tr>
									<td><a href="pages/examples/invoice.html">OR7429</a></td>
									<td>iPhone 6 Plus</td>
									<td><span class="label label-danger">Delivered</span></td>
									<td><div class="sparkbar" data-color="#f56954"
											data-height="20">90,-80,90,70,-61,83,63</div></td>
								</tr>
								<tr>
									<td><a href="pages/examples/invoice.html">OR9842</a></td>
									<td>Call of Duty IV</td>
									<td><span class="label label-success">Shipped</span></td>
									<td><div class="sparkbar" data-color="#00a65a"
											data-height="20">90,80,90,-70,61,-83,63</div></td>
								</tr>
							</tbody>
						</table>
					</div>
					<!-- /.table-responsive -->
				</div>
				<!-- /.box-body -->
				<div class="box-footer clearfix">
					<a href="javascript::;"
						class="btn btn-sm btn-info btn-flat pull-left">Place New Order</a>
					<a href="javascript::;"
						class="btn btn-sm btn-default btn-flat pull-right">View All
						Orders</a>
				</div>
				<!-- /.box-footer -->
			</div>
			<!-- /.box -->
		</div>
		<!-- /.col -->

	</div>
	<!-- /.row -->
	<div class="row">
		<div class="col-md-12"></div>
		<!-- /.col -->
	</div>
	<!-- /.row -->

	<!-- Main row -->
	<div class="row">
		<!-- Left col -->
		<div class="col-md-12">
			<!-- TABLE: LATEST ORDERS -->
			<div class="box box-info">
				<div class="box-header with-border">
					<h3 class="box-title">Latest Orders</h3>
					<div class="box-tools pull-right">
						<button class="btn btn-box-tool" data-widget="collapse">
							<i class="fa fa-minus"></i>
						</button>
						<button class="btn btn-box-tool" data-widget="remove">
							<i class="fa fa-times"></i>
						</button>
					</div>
				</div>
				<!-- /.box-header -->
				<div class="box-body">
					<div class="table-responsive">
						<table class="table no-margin">
							<thead>
								<tr>
									<th>Order ID</th>
									<th>Item</th>
									<th>Status</th>
									<th>Popularity</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td><a href="pages/examples/invoice.html">OR9842</a></td>
									<td>Call of Duty IV</td>
									<td><span class="label label-success">Shipped</span></td>
									<td><div class="sparkbar" data-color="#00a65a"
											data-height="20">90,80,90,-70,61,-83,63</div></td>
								</tr>
								<tr>
									<td><a href="pages/examples/invoice.html">OR1848</a></td>
									<td>Samsung Smart TV</td>
									<td><span class="label label-warning">Pending</span></td>
									<td><div class="sparkbar" data-color="#f39c12"
											data-height="20">90,80,-90,70,61,-83,68</div></td>
								</tr>
								<tr>
									<td><a href="pages/examples/invoice.html">OR7429</a></td>
									<td>iPhone 6 Plus</td>
									<td><span class="label label-danger">Delivered</span></td>
									<td><div class="sparkbar" data-color="#f56954"
											data-height="20">90,-80,90,70,-61,83,63</div></td>
								</tr>
								<tr>
									<td><a href="pages/examples/invoice.html">OR7429</a></td>
									<td>Samsung Smart TV</td>
									<td><span class="label label-info">Processing</span></td>
									<td><div class="sparkbar" data-color="#00c0ef"
											data-height="20">90,80,-90,70,-61,83,63</div></td>
								</tr>
								<tr>
									<td><a href="pages/examples/invoice.html">OR1848</a></td>
									<td>Samsung Smart TV</td>
									<td><span class="label label-warning">Pending</span></td>
									<td><div class="sparkbar" data-color="#f39c12"
											data-height="20">90,80,-90,70,61,-83,68</div></td>
								</tr>
								<tr>
									<td><a href="pages/examples/invoice.html">OR7429</a></td>
									<td>iPhone 6 Plus</td>
									<td><span class="label label-danger">Delivered</span></td>
									<td><div class="sparkbar" data-color="#f56954"
											data-height="20">90,-80,90,70,-61,83,63</div></td>
								</tr>
								<tr>
									<td><a href="pages/examples/invoice.html">OR9842</a></td>
									<td>Call of Duty IV</td>
									<td><span class="label label-success">Shipped</span></td>
									<td><div class="sparkbar" data-color="#00a65a"
											data-height="20">90,80,90,-70,61,-83,63</div></td>
								</tr>
							</tbody>
						</table>
					</div>
					<!-- /.table-responsive -->
				</div>
				<!-- /.box-body -->
				<div class="box-footer clearfix">
					<a href="javascript::;"
						class="btn btn-sm btn-info btn-flat pull-left">Place New Order</a>
					<a href="javascript::;"
						class="btn btn-sm btn-default btn-flat pull-right">View All
						Orders</a>
				</div>
				<!-- /.box-footer -->
			</div>
			<!-- /.box -->
		</div>
		<!-- /.col -->

	</div>
	<!-- /.row -->
</section>
